 //  //电子书区域 tab栏目切换
            // $("#ebook .ebook_left .ebook_tab li").on("mouseenter",function(){
            //     $(this).addClass("active").siblings().removeClass("active");
            //     //明确当前 li的索引:知道 到底是哪一个 li在触发 事件
            //     let index=$(this).index()
            //     //根据当前li的索引 进行筛选
            //     $("#ebook .book_list").eq(index).addClass("show").siblings().removeClass("show")

            // })
            // //服装区域的 tab切换
            // $(".clothes #clothes_tab li").mouseenter(function(){
            //     // 触发事件的 li 要添加 类名active 其他的li要删除类名active
            //     $(this).addClass("active").siblings().removeClass("active");
            //     //  找当前事件源  对应的 下面盒子  做 类名 on的添加 和 移出
            //     let index=$(this).index()
            //     //先获取 所有盒子对象集 筛选 索引 找对应
            //     $(".clothes .tab_box").eq(index).addClass("on").siblings().removeClass("on")
            // })

            // //户外运动区域的 tab切换
            // $(".outdoor_sport .outdoor_sport_tab li").mouseenter(function(){
            //     // 触发事件的 li 要添加 类名active 其他的li要删除类名active
            //     $(this).addClass("active").siblings().removeClass("active");
            //     //  找当前事件源  对应的 下面盒子  做 类名 on的添加 和 移出
            //     let index=$(this).index()
            //     //先获取 所有盒子对象集 筛选 索引 找对应
            //     $(".outdoor_sport .tab_box").eq(index).addClass("on").siblings().removeClass("on")
            // })

            /*
            如果要抽取函数:
            每次绑定事件的对象 不同
            每次 要切换的盒子对象 不同 
            li的类名 不同
            盒子的 类名 不同

            
            
            */
           function my_tab_change(event_obj,box_obj,li_class_name,box_class_name){
               
                //户外运动区域的 tab切换
                event_obj.mouseenter(function(){
                    // 触发事件的 li 要添加 类名active 其他的li要删除类名active
                    $(this).addClass(li_class_name).siblings().removeClass(li_class_name);
                    //  找当前事件源  对应的 下面盒子  做 类名 on的添加 和 移出
                    let index=$(this).index()
                    //先获取 所有盒子对象集 筛选 索引 找对应
                    box_obj.eq(index).addClass(box_class_name).siblings().removeClass(box_class_name)
                })
           }

           //电子书的tab
           my_tab_change($("#ebook .ebook_tab li"),$("#ebook .book_list"),"active","show")
           //服装的tab
           my_tab_change($(".clothes #clothes_tab li"),$(".clothes .tab_box"),"active","on")
           //户外运动的tab
           my_tab_change($(".outdoor_sport .outdoor_sport_tab li"),$(".outdoor_sport .tab_box"),"active","on")
        